<template>
  <section>
    <iframe id="show-iframe"  frameborder=0 name="showHere" scrolling=auto :src="reportUrl"></iframe>
    </section>
</template>

<script>
  export default{
    data () {
      return {
        reportUrl: 'https://report.x-link.cc/WebReport/ReportServer?reportlet=xhsReport/all_statistics.cpt&op=write'
      }
    },
    mounted () {
      let oIframe = document.getElementById('show-iframe')
      let deviceWidth = document.documentElement.clientWidth
      let deviceHeight = document.documentElement.clientHeight
      oIframe.style.width = deviceWidth - 230 + 'px'
      oIframe.style.height = deviceHeight + 'px'
    }
  }
</script>